import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

import pxtovw from 'postcss-px-to-viewport'
import path from "path"
import Components from 'unplugin-vue-components/vite';
import { VantResolver } from 'unplugin-vue-components/resolvers';
const loder_pxtovw = pxtovw({
  viewportWidth: 375,
  selectorBlackList: ['.ignore-'],
  // customFun: ({ file }) => {
  //   // console.log("aaaa")
  //   // console.log(file)
  //   // 这个自定义的方法是针对处理vant组件下的设计稿为375问题
  //   // 如果是 vantui 以 375 计算 vw 值 计算百分比 ===  37.5 --->10vw      10%
  //   //  自己写的 样式 以 750 计算                     37.5     5vw       5%
  //   console.log(path.join("node_modules", "vant"));
  //   console.log(file);
  //   const designWidth = path.join(file).includes(path.join("node_modules", "vant")) ? 375 : 750;
  //   return designWidth;
  //   // return 750
  // }
})

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue(),
  Components({
    resolvers: [VantResolver()],
  }),],
  css: {
    postcss: {
      plugins: [loder_pxtovw,]
    }
  },

  resolve: {
    // 配置路径别名
    alias: {
      '@': path.resolve(__dirname, './src'),
    },
  },

  server: {
    proxy: {
      "/x": {
        target: "http://120.53.31.103:84/api/app",
        // pathRewrite: { '^/x': '' },
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/x/, '')
      },
    }
  }


})
